<template>
  <div id="app">
    <router-view/>
  </div>
</template>

<script>
import Home from './views/Home'
export default {
    name:'App',
    data(){
      return{

      }
    },
    components:{
      Home
    }

}
</script>

<style>
/*******************   css重置   ***********************/
html,body,div,span,h1,h2,h3,h4,h5,h6,ul,ol,p{
    margin: 0px;
    padding: 0px;
}

html,body,#app{
    width: 100%;
    height: 100%;
}
ul,ol{
    list-style: none;
}

a{
    text-decoration: none;
}
.icon-location-box{
    width: 3.5vw;
    height: 3.5vw;
    background-color: white;
    border-top-left-radius: 50%;
    border-bottom-left-radius: 50%;
    border-top-right-radius: 50%;
    transform:rotate(45deg);/* 元素旋转 参数正顺时针，负逆时针  单位 deg*/
    margin: 0 1vw 0 3vw;
}
.icon-location{
    width: 40%;
    height: 40%;
    background-color: #0097FF;
    border-radius: 50%;
    margin-top: 30%;
    margin-left: 30%;
}
.square{
    height: 3.4vw;
    width: 1.6vw;
    font-size: 4vw;
    color: #fff;
    background-color: #666;
    display: flex;
    justify-content: center;
    align-items: center;
} 
.footer-top{
    width: 100%;
    height: 14vw;
}
</style>
